.med-fade-enter {}

.med-fade-enter-active {
  opacity: 1;
  transition: opacity 300ms;
  animation: med-fade-in 300ms both;
}

.med-fade-exit {}

.med-fade-exit-active {
  transition: opacity 300ms;
  animation: med-fade-out 300ms both;
}

@keyframes med-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes med-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}